@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}

/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{
        /***********头部样式************/
    }
    section{/**********这里是内容样式**********/
        width: 100%;
        margin-top: bgg(95);
        margin-bottom: bgg(95);
        .section_top{
           
            width: 100%;
            .index{
                position: relative;
                .img{
                    img{
                        display: block;
                        width: 100%;
                        height: bgg(222);
                    }
                }
//              a{
//                  &:active{
//                      color: white;
//                  }
//              }
                .index_1{
                    width: bgg(306);
                    height: bgg(56);
                    background: #ffffff;
                    line-height: bgg(56);
                    text-align: center;
                    position: absolute;
                    left: bgg(28);
                    bottom: bgg(14);
                    span{
                        color: #b20000;
                        font-size: bgg(26);
//                      line-height: bgg(50);
                        width: bgg(243);
                        height: bgg(56);
                        padding-right: bgg(63);
                        border-right: bgg(1) solid #b20000;
                        &:active{
                            color: gray;
                        }
                    }
                    img{
                        width: bgg(23);
                        height: bgg(42);
                        position: absolute;
                        left: bgg(265);
                        bottom: bgg(7);
                    }
                }
            }
            .logo{
                position: relative;
                img{
                    display: block;
                    width: 100%;
                    height: bgg(355);
                }
                .logo_2{
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: bgg(104);
                    background: rgba(0,0,0,0.3);
                    p{
                        color: #ffffff;
                        font-size: bgg(26.63);
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        margin-top: bgg(22);
                        margin-left: bgg(27);
                    }
                    .pinglun{
                        margin-top: bgg(11);
                        margin-left: bgg(27);
                        position: relative;
                        .aixin{
                            color: #ffffff;
                            font-size: bgg(35);
                            position: absolute;
                            top: bgg(-11);
                            left: bgg(-8);
                        }
                        .aixin+span{
                            color: #ffffff;
                            font-size: bgg(17.76);
                            padding-left: bgg(27);
                        }
                        .yan{
                            color: #ffffff;
                            font-size: bgg(22);
                            position: absolute;
                            top: 0;
                            left: bgg(102);
                        }
                        .yan+span{
                            color: #ffffff;
                            font-size: bgg(17.76);
                            padding-left: bgg(75);
                        }
                        .shijian{
                            color: #ffffff;
                            font-size: bgg(17.76);
                            margin-right: bgg(20);
                        }
                    }
                }
            }
        }
        .section_bot{
            width: 91.25%;
            height: 100%;
            display: block;
            margin: 0 auto;
            .public_relation{
                margin-top: bgg(45);
                img{
                    display: block;
                    width: bgg(210);
                    height: bgg(142);
                    float: left;
                    position: relative;
                }
                .public{
                    margin-left: bgg(13);
                    p{
                        color: #010101;
                        font-size: bgg(22);
                        width: bgg(360);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                    span{
                        margin-top: bgg(5);
                        color: #c5c5c5;
                        font-size: bgg(20);
                        width: bgg(360);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                }
                .riqi2{
                    margin-top: bgg(5);
                    position: relative;
                    span:nth-child(1){
                        color: #939393;
                        font-size: bgg(18);
                        margin-right: bgg(45);
                    }
                    .aixin_1{
                        font-size: bgg(34);
                        color: #939393;
                        position: absolute;
                        right: bgg(130);
                        top: bgg(-10);
                    }
                    span:nth-child(3){
                        margin-right: bgg(45);
                        color: #939393;
                        font-size: bgg(18);
                    }
                    img{
                        width: bgg(25);
                        height: bgg(18);
                        position: absolute;
                        right: bgg(45);
                        top: bgg(1);
                    }
                    span:nth-child(5){
                        color: #939393;
                        font-size: bgg(18);
                        margin-right: bgg(8);
                    }
                }
            }
            .huanfen{
                border: bgg(1) solid #cecece;
                width: 100%;
                margin-top: bgg(30);
                opacity: 0.5;
            }
            .public_relation_1{
                margin-top: bgg(30);
            }
            .lianjie{
                text-align: center;
                margin-top: bgg(15);
                a{
                    color: #bbbbbb;
                    font-size: bgg(22);
                    margin-bottom: bgg(31);
                    text-decoration: none;
                    display: inline-block;
                }
            }
        }
    }
    footer{/*************这里是尾部样式*************/
        .foot{
            .gimc{
                a{
                    .a{
                        p{
                            color: #b60207;
                        }
                    }
                }
            }
            .article{
                a{
                    .a{
                        p{
                            color: #a6a6a6;
                        }
                    }
                }
            }
        }
    }
}
